<template>
	<view>
		<view class="info">
			<view class="avatar">
				<image src="../../static/logo.png" mode=""></image>
			</view>
			<view class="name">
				11111666666666666 >
			</view>
		</view>
		<view class="menu">
			<view class="menu_m">
				<view class="m_img">
					<image src="../../static/logo.png" mode=""></image>
				</view>
				<view class="m_name">
					账单
				</view>
			</view>
			<view class="menu_m">
				<view class="m_img">
					<image src="../../static/logo.png" mode=""></image>
				</view>
				<view class="m_name">
					账单
				</view>
			</view>
			<view class="menu_m">
				<view class="m_img">
					<image src="../../static/logo.png" mode=""></image>
				</view>
				<view class="m_name">
					账单
				</view>
			</view>
			<view class="menu_m">
				<view class="m_img">
					<image src="../../static/logo.png" mode=""></image>
				</view>
				<view class="m_name">
					账单
				</view>
			</view>
			<view class="menu_m">
				<view class="m_img">
					<image src="../../static/logo.png" mode=""></image>
				</view>
				<view class="m_name">
					账单
				</view>
			</view>
			<view class="menu_m">
				<view class="m_img">
					<image src="../../static/logo.png" mode=""></image>
				</view>
				<view class="m_name">
					账单
				</view>
			</view><view class="menu_m">
				<view class="m_img">
					<image src="../../static/logo.png" mode=""></image>
				</view>
				<view class="m_name">
					账单
				</view>
			</view><view class="menu_m">
				<view class="m_img">
					<image src="../../static/logo.png" mode=""></image>
				</view>
				<view class="m_name">
					账单
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.info {
		margin: 20upx;display: flex;padding: 40upx;
		background-color: #4051B6;border-radius: 15upx;
		.avatar {width: 130upx;height: 130upx;border: 5upx solid #fff;border-radius: 75upx;overflow: hidden;}
		image {width: 100%;height: 100%;}
		.name {color: #fff;height: 130upx;line-height: 130upx;margin-left: 30upx;}
	}
	.menu {
		padding-left: 20upx;
		display: flex;flex-wrap: wrap;
		.menu_m {
			padding: 70upx 70upx 0 70upx;
			.m_name {width: 100upx;text-align: center;}
			.m_img {
				width: 100upx;
				height: 100upx;
				image {width: 100%;height: 100%;}
			}
		}
	}
</style>
